<!doctype html>
<jsp:directive.page import="com.cn.ccp.bean.UserBean" />
<%@page contentType="text/html;charset=UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@taglib uri="https://ajax4jsf.dev.java.net/ajax" prefix="a4j"%>
<%@page isELIgnored="false" %>
<html >
<f:view>
<f:loadBundle var="messages" basename="messages"></f:loadBundle>
<head>
<meta charset="utf-8">
<title><h:outputText value="#{messages['system_title']}" /></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- styles -->
    <link href="<%=request.getContextPath()%>/css/bootstrap.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/css/custom.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="<%=request.getContextPath()%>/js/html5.js"></script>
    <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="<%=request.getContextPath()%>/images/icon/favicon.png">
    <%
		UserBean users = (UserBean) session.getAttribute("userBean");
			if ((users == null) || (users.getUserName().equals(""))) {
	%>
		<jsp:forward page="../../sessionInvalid.jsp" />
	<%
	}
	%>
</head>

<body class="bg-white" style="overflow-x:hidden;">
	<a id="viewDiv"></a>
		<div class="row page-head">
			<h3 class="page-title">
				<i class="n-icon-selection  n-icon-black"></i><h:outputText value="#{messages['online_student_mark_title']}"/>&nbsp;&gt;&nbsp;<b><h:outputText value="#{onlineMarkAction.course.course_name}" /></b>
			</h3>
		</div>
		<div style="margin-left: 20px;margin-right: 20px" class="content list-tab">
		  <h:form id="formid" styleClass="form-horizontal" >
			 <h:inputHidden value="#{onlineMarkAction.courseid}"></h:inputHidden>
			 <h:inputHidden value="#{onlineMarkAction.selectedCourseId}"></h:inputHidden>
			 <h:panelGrid columns="3" rendered="#{onlineMarkAction.hasMarked}">
			 	<h:outputText value="#{messages['online_student_mark_star_level']}" />
				<h:selectOneRadio id="starLevel" value="#{onlineMarkAction.starLevel}"  >
					<f:selectItem itemValue="1" itemLabel="1#{messages['online_page_select_star']}" />
					<f:selectItem itemValue="2" itemLabel="2#{messages['online_page_select_star']}" />
					<f:selectItem itemValue="3" itemLabel="3#{messages['online_page_select_star']}" />
					<f:selectItem itemValue="4" itemLabel="4#{messages['online_page_select_star']}" />
					<f:selectItem itemValue="5" itemLabel="5#{messages['online_page_select_star']}" />
				</h:selectOneRadio>
				<h:message for="starLevel" style="color:red" />
				
				<h:outputText value="#{messages['online_student_mark_contents']}" />
				<h:inputTextarea id="contents" value="#{onlineMarkAction.contents}" > 
				</h:inputTextarea>
				<h:message for="contents" style="color:red" />
			 </h:panelGrid>
			 
			 
			 <div class="form-actions" style="margin-right: 20px;" >
				<a4j:commandButton id="savebtn" value="#{messages['btn_submit']}" styleClass="btn btn-primary" action="#{onlineMarkAction.doMark}"  rendered="#{onlineMarkAction.hasMarked}" reRender="listtableinfo,pagePenelGrid,formid,savebtn" />
				<h:outputText value=" " rendered="#{onlineMarkAction.hasMarked}"></h:outputText>
				<input type= "button" value= "返回" onclick= "history.back()" class="btn" style="margin-left: 20px;" />
			</div>
		
		 
		 <div class="table-white">
		 
				<h:dataTable id="listtableinfo"
					value="#{onlineMarkAction.markedList}" var="cour" cellpadding="2"
					cellspacing="1" styleClass="table table-hover" >
					<h:column>
						<f:facet name="header">
							<h:outputText value="#{messages['online_page_select_star_level']}"></h:outputText>
						</f:facet>
						<h:outputText value="#{cour.starLevel}"></h:outputText>
					</h:column>
					
					<h:column>
						<f:facet name="header">
							<h:outputText value="#{messages['online_page_select_marked_content']}"></h:outputText>
						</f:facet>
						<h:outputText value="#{cour.content}"></h:outputText>
					</h:column>
								
					<h:column>
						<f:facet name="header">
							<h:outputText value="#{messages['online_page_select_marked_time']}"></h:outputText>
						</f:facet>
						<h:outputText value="#{cour.markTime}"></h:outputText>
					</h:column>	
					
					<h:column>
						<f:facet name="header">
							<h:outputText value="#{messages['online_page_select_marked_student']}"></h:outputText>
						</f:facet>
						<h:outputText value="#{cour.strStudentName}"></h:outputText>
					</h:column>			
								
				</h:dataTable>
				
				
				<h:panelGrid columns="2" id="pagePenelGrid"  styleClass="pagination pagination-right" style="align:right" >
					<h:panelGrid columns="4" >
						<a4j:commandLink action="#{onlineMarkAction.firstPage}" styleClass="icon-fast-backward"  reRender="listtableinfo"></a4j:commandLink>
						<a4j:commandLink action="#{onlineMarkAction.provPage}" styleClass="icon-backward" reRender="listtableinfo"></a4j:commandLink>
						<a4j:commandLink action="#{onlineMarkAction.nextPage}" styleClass="icon-forward" reRender="listtableinfo"></a4j:commandLink>
						<a4j:commandLink action="#{onlineMarkAction.lastPage}" styleClass="icon-fast-forward" reRender="listtableinfo"></a4j:commandLink>
					</h:panelGrid>
					<h:panelGroup>
						<a4j:outputPanel ajaxRendered="true">
							<h:inputText value="#{onlineMarkAction.currentPage}" size="3" styleClass="input" style="width:20px"></h:inputText>
							<h:outputText value="/#{onlineMarkAction.countPage}#{messages['label_page']}"></h:outputText>
		
							<a4j:commandLink action="#{onlineMarkAction.goCurrentPage}"
								reRender="listtableinfo">
								<h:graphicImage value="../../images/BtnPageGo.gif"></h:graphicImage>
							</a4j:commandLink>
							<h:outputText value="#{messages['label_all']}#{onlineMarkAction.itemCount}#{messages['label_count']}"></h:outputText>
						</a4j:outputPanel>
					</h:panelGroup>
				</h:panelGrid>
			</div>	
			</h:form>
				
		</div>
	<script src="<%=request.getContextPath()%>/js/jquery-1.8.3.min.js"></script>
	<script src="<%=request.getContextPath()%>/js/bootstrap.js"></script>
	 <script type="text/javascript">
		$(document).ready(function() {
			//document.getElementById('viewDiv').scrollIntoView();
		});
	</script>
</body>
</f:view>
</html>
